<template>

  <div>
    <el-steps :active="active" finish-status="success">
      <el-step title="基础1信息"></el-step>
      <el-step title="权证信息"></el-step>
      <el-step title="面积及可租信息"></el-step>
      <el-step title="资产近照"></el-step>
    </el-steps>

    <el-button style="margin-top: 12px;" @click="next">下一步</el-button>
    <el-button style="margin-top: 12px;" @click="nextS">上一步</el-button>


    <el-row>
      <el-form ref="elForm" :model="dataForm" :rules="dataRule" size="small" label-width="160px" label-position="right"
               :disabled="setting.readonly"
      >

        <div v-show="active == 0">
          <el-row>
            <el-col :span="24" v-if="!setting.readonly"
            >
              <el-form-item label="流程标题"
                            prop="title"
              >
                <el-input v-model="dataForm.title" v-if="!setting.readonly"
                          placeholder="请输入" clearable :style='{"width":"100%"}'
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8" v-if="judgeShow('zcLabel')"
            >
              <el-form-item label="资产类别"
                            prop="assetClass"
              >
                <el-select v-model="dataForm.assetClass" v-if="!setting.readonly"
                           placeholder="请选择" :disabled="judgeWrite('assetClass')" clearable :style='{"width":"100%"}'
                >
                  <el-option v-for="(item, index) in assetClassOptions" :key="index" :label="item.fullName"
                             :value="item.enCode" :disabled="item.disabled"
                  ></el-option>
                </el-select>
                <span class="value"
                      v-if="setting.readonly">{{ getOptionLabel(assetClassOptions, dataForm.assetClass) || '-' }}</span>
              </el-form-item>
            </el-col>


            <el-col :span="8" v-if="judgeShow('zcType')"
            >
              <el-form-item label="资产类型"
                            prop="zcType"
              >
                <el-select v-model="dataForm.zcType" v-if="!setting.readonly"
                           placeholder="请选择" :disabled="judgeWrite('zcType')" clearable :style='{"width":"100%"}'
                >
                  <el-option v-for="(item, index) in assetTypeOptions" :key="index" :label="item.fullName"
                             :value="item.enCode" :disabled="item.disabled"
                  ></el-option>
                </el-select>
                <span class="value"
                      v-if="setting.readonly">{{ getOptionLabel(assetTypeOptions, dataForm.zcType) || '-' }}</span>
              </el-form-item>
            </el-col>




            <el-col :span="8" v-if="judgeShow('zcNumber')"
            >
              <el-form-item label="资产编号"
                            prop="zcNumber"
              >
                <el-input v-model="dataForm.zcNumber" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('zcNumber')" clearable :style='{"width":"100%"}'
                >
                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.zcNumber || '-' }}</span>
              </el-form-item>
            </el-col>

            <el-col :span="8" v-if="judgeShow('zcName')"
            >
              <el-form-item label="资产名称"
                            prop="zcName"
              >
                <el-input v-model="dataForm.zcName" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('zcName')" clearable :style='{"width":"100%"}'
                >
                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.zcName || '-' }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="8" v-if="judgeShow('address')"
            >
              <el-form-item label="所属项目"
                            prop="belongingProject"
              >
                <el-input v-model="dataForm.belongingProject" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('belongingProject')" clearable
                          :style='{"width":"100%"}'
                >

                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.belongingProject || '-' }}</span>
              </el-form-item>
            </el-col>

            <el-col :span="8" v-if="judgeShow('address')"
            >
              <el-form-item label="所属楼栋"
                            prop="belongingBuilding"
              >
                <el-input v-model="dataForm.belongingBuilding" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('belongingBuilding')" clearable
                          :style='{"width":"100%"}'
                >

                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.belongingBuilding || '-' }}</span>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="8" v-if="judgeShow('address')">
              <el-form-item label="区域" prop="address">
              <div class="address-selector">
                <div class="select-group" v-if="!setting.readonly">
                  <div class="select-wrapper">
                    <select v-model="selectedProvince" @change="onProvinceChange">
                      <option value="">请选择省份</option>
                      <option v-for="province in provinces" :value="province.name">{{ province.name }}</option>
                    </select>
                  </div>

                  <div class="select-wrapper">
                    <select v-model="selectedCity" @change="onCityChange" :disabled="!cities.length">
                      <option value="">请选择城市</option>
                      <option v-for="city in cities" :value="city.name">{{ city.name }}</option>
                    </select>
                  </div>

                  <div class="select-wrapper">
                    <select v-model="selectedDistrict" @change="onDistrictChange" :disabled="!districts.length">
                      <option value="">请选择区县</option>
                      <option v-for="district in districts" :value="district.name">{{ district.name }}</option>
                    </select>
                  </div>

                  <div class="select-wrapper">
                    <select v-model="selectedStreet" @change="onStreetChange" :disabled="!streets.length">
                      <option value="">请选择街道</option>
                      <option v-for="street in streets" :value="street.name">{{ street.name }}</option>
                    </select>
                  </div>
                </div>

                  <div class="result" >
                  <p>{{ dataForm.provinceName }} {{ dataForm.cityName }} {{ dataForm.districtName }} {{ dataForm.streetName }}</p>
<!--                                                                    <p>当前选择: {{ provinceName }} {{ cityName }} {{ districtName }} {{ streetName }}</p>-->
                                                                    <p>编码: {{ selectedProvince }}-{{ selectedCity }}-{{ selectedDistrict }}-{{ selectedStreet }}</p>
                  </div>
              </div>
              </el-form-item>
            </el-col>

            <el-col :span="8" v-if="judgeShow('address')">


              <el-form-item label="坐落位置" prop="address">
                <div v-if="!setting.readonly">
                  <el-input v-model="dataForm.address" :disabled="judgeWrite('address')" clearable
                            :style='{"width":"100%"}'></el-input>
                  <el-button @click="openDialog">选择位置</el-button>
                  <span class="value" v-if="!setting.readonly && dataForm.longitude" style="color:grey;font-size:12px" >(经度：{{dataForm.longitude}},维度：{{dataForm.latitude}})</span>
                </div>
                <span class="value" v-if="setting.readonly">{{ dataForm.address || '-' }}{{dataForm.longitude}},{{dataForm.latitude}}</span>
              </el-form-item>
            </el-col>
            <el-col :span="8" v-if="judgeShow('address')"
            >
              <el-form-item label="资产使用情况"
                            prop="zcStatus"
              >
                <el-select v-model="dataForm.zcStatus" v-if="!setting.readonly"
                           placeholder="请选择" :disabled="judgeWrite('zcStatus')" clearable :style='{"width":"100%"}'
                >
                  <el-option v-for="(item, index) in zcStatusOptions" :key="index" :label="item.fullName"
                             :value="item.enCode" :disabled="item.disabled"
                  ></el-option>

                </el-select>
                <span class="value" v-if="setting.readonly">{{
                    getOptionLabel(zcStatusOptions, dataForm.zcStatus) || '-'
                  }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="8" v-if="judgeShow('zcPurpose')"
            >
              <el-form-item label="资产用途"
                            prop="zcPurpose"
              >
                <el-select v-model="dataForm.zcPurpose" v-if="!setting.readonly"
                           placeholder="请选择" :disabled="judgeWrite('zcPurpose')" clearable
                           :style='{"width":"100%"}'
                >
                  <el-option v-for="(item, index) in zcPurposeOptions" :key="index" :label="item.fullName"
                             :value="item.enCode" :disabled="item.disabled"
                  ></el-option>

                </el-select>
                <span class="value"
                      v-if="setting.readonly">{{ getOptionLabel(zcPurposeOptions, dataForm.zcPurpose) || '-' }}</span>
              </el-form-item>
            </el-col>

            <el-col :span="8" v-if="judgeShow('zcPurposeDescribe') &&  dataForm.zcPurpose=='其他'"
            >
              <el-form-item label="其他用途说明"
                            prop="zcPurposeDescribe"
              >
                <el-input v-model="dataForm.zcPurposeDescribe" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('zcPurposeDescribe')" clearable :style='{"width":"100%"}'
                >

                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.zcPurposeDescribe || '-' }}</span>
              </el-form-item>
            </el-col>


            <el-col :span="8" v-if="judgeShow('zcSource')"
            >
              <el-form-item label="资产来源"
                            prop="zcSource"
              >
                <el-select v-model="dataForm.zcSource" v-if="!setting.readonly"
                           placeholder="请选择" :disabled="judgeWrite('zcSource')" clearable :style='{"width":"100%"}'
                >
                  <el-option v-for="(item, index) in zcSourceOptions" :key="index" :label="item.fullName"
                             :value="item.enCode" :disabled="item.disabled"
                  ></el-option>

                </el-select>
                <span class="value" v-if="setting.readonly">{{
                    getOptionLabel(zcSourceOptions, dataForm.zcSource) || '-'
                  }}</span>
              </el-form-item>
            </el-col>

              <el-col :span="8" v-if="judgeShow('zcSourceDescribe') &&  dataForm.zcSource  == '其它'"
            >
              <el-form-item label="其他资产来源说明"
                            prop="zcPurposeDescribe"
              >
                <el-input v-model="dataForm.zcSourceDescribe" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('zcSourceDescribe')" clearable :style='{"width":"100%"}'
                >

                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.zcSourceDescribe || '-' }}</span>
              </el-form-item>
            </el-col>







            <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_photo_jnpf_photoTime')"
            >
              <el-form-item label="取得日期"
                            prop="acquisitionDate"
              >
                <el-date-picker v-if="!setting.readonly" v-model="dataForm.acquisitionDate"
                                placeholder="请选择" :disabled="judgeWrite('acquisitionDate')"
                                clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
                >
                </el-date-picker>

                <span class="value" v-if="setting.readonly">{{ dataForm.acquisitionDate || '-' }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="8" v-if="judgeShow('address')"
            >
              <el-form-item label="取得价值(万元)"
                            prop="acquiringValue"
              >
                <el-input v-model="dataForm.acquiringValue" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('acquiringValue')" clearable :style='{"width":"100%"}'
                >

                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.acquiringValue || '-' }}</span>
              </el-form-item>
            </el-col>

            <el-col :span="8" v-if="judgeShow('holdingMethod')"
            >
              <el-form-item label="持有方式"
                            prop="holdingMethod"
              >
              <el-select v-model="dataForm.holdingMethod" v-if="!setting.readonly"
                         placeholder="请选择" :disabled="judgeWrite('holdingMethod')" clearable :style='{"width":"100%"}'
              >
                <el-option v-for="(item, index) in holdingMethodOptions" :key="index" :label="item.fullName"
                           :value="item.enCode" :disabled="item.disabled"
                ></el-option>

              </el-select>
              <span class="value" v-if="setting.readonly">{{
                  getOptionLabel(holdingMethodOptions, dataForm.holdingMethod) || '-'
                }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="8" v-if="judgeShow('clientFullName') && dataForm.holdingMethod!='自持'"
            >
              <el-form-item label="委托方全称"
                            prop="clientFullName"
              >
                <el-input v-model="dataForm.clientFullName" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('clientFullName')" clearable :style='{"width":"100%"}'
                >

                </el-input>
                <span class="value" v-if="setting.readonly">{{ dataForm.clientFullName }}</span>

              </el-form-item>
            </el-col>

            <el-col :span="8" v-if="judgeShow('zcAdmin')"
            >
              <el-form-item label="资产管理员"
                            prop="zcAdmin"
              >
                <user-select v-model="dataForm.zcAdmin" v-if="!setting.readonly"
                             placeholder="请选择" :disabled="judgeWrite('zcAdmin')" clearable
                >


                </user-select>
                <span class="value" v-if="setting.readonly">{{ dataForm.zcAdmin }}</span>

              </el-form-item>
            </el-col>
            <!--            <el-col :span="8" v-if="judgeShow('managementUnit')"-->
            <!--            >-->
            <!--              <el-form-item label="管理单位"-->
            <!--                            prop="managementUnit"-->
            <!--              >-->
            <!--                <el-select v-model="dataForm.managementUnit" v-if="!setting.readonly"-->
            <!--                           placeholder="请选择" :disabled="judgeWrite('managementUnit')" clearable-->
            <!--                           :style='{"width":"100%"}'-->
            <!--                >-->
            <!--                  <el-option v-for="(item, index) in managementUnitOptions" :key="index" :label="item.fullName"-->
            <!--                             :value="item.enCode" :disabled="item.disabled"-->
            <!--                  ></el-option>-->

            <!--                </el-select>-->
            <!--                <span class="value" v-if="setting.readonly">{{-->
            <!--                    getOptionLabel(managementUnitOptions, dataForm.managementUnit) || '-'-->
            <!--                  }}</span>-->

            <!--              </el-form-item>-->
            <!--            </el-col>-->

            <el-col :span="8" v-if="judgeShow('managementUnit')">
              <el-form-item label="管理单位" prop="managementUnit">
                <el-input
                  v-model="dataForm.managementUnit"
                  v-if="!setting.readonly"
                  placeholder="请输入"
                  :disabled="judgeWrite('managementUnit')"
                  clearable
                  :style="{ 'width': '100%' }"
                ></el-input>
                <span class="value notes" v-if="setting.readonly">{{ dataForm.managementUnit || '-' }}</span>

              </el-form-item>

            </el-col>

            <el-col :span="14" v-if="judgeShow('notes')"
            >
              <el-form-item label="备注"
                            prop="notes"
              >
                <el-input v-model="dataForm.notes" v-if="!setting.readonly"
                          placeholder="请输入" :disabled="judgeWrite('notes')" :style='{"width":"100%"}' true
                          type="textarea" :autosize='{"minRows":4,"maxRows":4}'
                >

                </el-input>
                <span class="value notes" v-if="setting.readonly">{{ dataForm.notes || '-' }}</span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-col :span="6" v-if="judgeShow('zcFile')"
          >
            <el-form-item label="资产附件"
                          prop="zcFile"
            >
              <JNPF-UploadFz v-model="dataForm.zcFile"
                             :fileSize="10" :disabled="judgeWrite('zcFile')" sizeUnit="MB" :limit="9"
                             buttonText="点击上传"
              >

              </JNPF-UploadFz>
            </el-form-item>
          </el-col>
        </div>
        <div v-show="active == 1">
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_useNature')"
          >
            <el-form-item label="产权类别"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_useNature"
            >
              <el-select v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature" v-if="!setting.readonly"
                         placeholder="请选择" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_useNature')"
                         clearable :style='{"width":"100%"}'
              >
                <el-option v-for="(item, index) in jnpf_zcgl_zcdj_warrant_jnpf_useNatureOptions" :key="index"
                           :label="item.fullName" :value="item.enCode" :disabled="item.disabled"
                ></el-option>
              </el-select>

              <span class="value" v-if="setting.readonly">{{
                  getOptionLabel(jnpf_zcgl_zcdj_warrant_jnpf_useNatureOptions, dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature) || '-'
                }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation') && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature == 'yqs'"
          >
            <el-form-item label="权证单位"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation"
            >
              <el-input v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation" v-if="!setting.readonly"
                        placeholder="请输入" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation')"
                        clearable :style='{"width":"100%"}'
              >
              </el-input>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation || '-'
                }}</span>

            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature == 'yqs'"
          >
            <el-form-item label="产权证号"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber"
            >
              <el-input v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber" v-if="!setting.readonly"
                        placeholder="请输入" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber')"
                        clearable :style='{"width":"100%"}'
              >
              </el-input>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber
                }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_propertyRight')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature == 'yqs'"
          >
            <el-form-item label="权利性质"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_propertyRight"
            >
              <el-select v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_propertyRight"
                         placeholder="请选择" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_propertyRight')"
                         clearable :style='{"width":"100%"}' v-if="!setting.readonly"
              >
                <el-option v-for="(item, index) in jnpf_zcgl_zcdj_warrant_jnpf_propertyRightOptions" :key="index"
                           :label="item.fullName" :value="item.enCode" :disabled="item.disabled"
                ></el-option>

              </el-select>

              <span class="value" v-if="setting.readonly"> {{
                  getOptionLabel(jnpf_zcgl_zcdj_warrant_jnpf_propertyRightOptions, dataForm.jnpf_zcgl_zcdj_warrant_jnpf_propertyRight) || '-'
                }}</span>

            </el-form-item>
          </el-col>


          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_propertyRight == 'cqxzqt'"
          >
            <el-form-item label="其他权力性质说明"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe"
            >
              <el-input v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe" v-if="!setting.readonly"
                        placeholder="请输入" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe')"
                        clearable :style='{"width":"100%"}'
              >
              </el-input>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe
                }}</span>
            </el-form-item>
          </el-col>












          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_warrantType')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature == 'yqs'"
          >
            <el-form-item label="权利类型"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_warrantType"
            >
              <el-select v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_warrantType" v-if="!setting.readonly"
                         placeholder="请选择" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_warrantType')"
                         clearable :style='{"width":"100%"}'
              >
                <el-option v-for="(item, index) in jnpf_zcgl_zcdj_warrant_jnpf_warrantTypeOptions" :key="index"
                           :label="item.fullName" :value="item.enCode" :disabled="item.disabled"
                ></el-option>
              </el-select>

              <span class="value" v-if="setting.readonly">{{
                  getOptionLabel(jnpf_zcgl_zcdj_warrant_jnpf_warrantTypeOptions, dataForm.jnpf_zcgl_zcdj_warrant_jnpf_warrantType) || '-'
                }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_warrantType == 'cclxqt'"
          >
            <el-form-item label="其他权力类型说明"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe"
            >
              <el-input v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe" v-if="!setting.readonly"
                        placeholder="请输入" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe')"
                        clearable :style='{"width":"100%"}'
              >
              </el-input>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe
                }}</span>
            </el-form-item>
          </el-col>






          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature == 'yqs'"
          >
            <el-form-item label="发证时间"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime"
            >
              <el-date-picker v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime" v-if="!setting.readonly"
                              placeholder="请选择" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime')"
                              clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
              >
              </el-date-picker>

              <span class="value" v-if="setting.readonly">{{ dataForm.jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime }}</span>

            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_startTime')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature == 'yqs'"
          >
            <el-form-item label="开始使用时间"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_startTime"
            >
              <el-date-picker v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_startTime" v-if="!setting.readonly"
                              placeholder="请选择" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_startTime')"
                              clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"

              >
              </el-date-picker>

              <span class="value" v-if="setting.readonly">{{ dataForm.jnpf_zcgl_zcdj_warrant_jnpf_startTime }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_endTime')  && dataForm.jnpf_zcgl_zcdj_warrant_jnpf_useNature == 'yqs'"
          >
            <el-form-item label="使用到期时间"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_endTime"
            >
              <el-date-picker v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_endTime" v-if="!setting.readonly"
                              placeholder="请选择" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_endTime')"
                              clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"

              >
              </el-date-picker>

              <span class="value" v-if="setting.readonly">{{ dataForm.jnpf_zcgl_zcdj_warrant_jnpf_endTime }}</span>
            </el-form-item>
          </el-col>


          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_warrant_jnpf_productionFile')"
          >
            <el-form-item label="产证附件"
                          prop="jnpf_zcgl_zcdj_warrant_jnpf_productionFile"
            >
              <JNPF-UploadFz v-model="dataForm.jnpf_zcgl_zcdj_warrant_jnpf_productionFile"
                             :fileSize="10" :disabled="judgeWrite('jnpf_zcgl_zcdj_warrant_jnpf_productionFile')"
                             sizeUnit="MB" :limit="9" buttonText="点击上传"
              >
              </JNPF-UploadFz>
            </el-form-item>
          </el-col>

        </div>
        <div v-show="active== 2">
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_area_jnpf_buildingArea')"
          >
            <el-form-item label="证载建筑面积"
                          prop="jnpf_zcgl_zcdj_area_jnpf_buildingArea"
            >
              <el-input-number v-model="dataForm.jnpf_zcgl_zcdj_area_jnpf_buildingArea" v-if="!setting.readonly"
                               placeholder="数字文本" :disabled="judgeWrite('jnpf_zcgl_zcdj_area_jnpf_buildingArea')"
                               :step="1"
              >
              </el-input-number>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_area_jnpf_buildingArea || '-'
                }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_area_jnpf_landArea')"
          >
            <el-form-item label="证载土地面积"
                          prop="jnpf_zcgl_zcdj_area_jnpf_landArea"
            >
              <el-input-number v-model="dataForm.jnpf_zcgl_zcdj_area_jnpf_landArea" v-if="!setting.readonly"
                               placeholder="数字文本" :disabled="judgeWrite('jnpf_zcgl_zcdj_area_jnpf_landArea')"
                               :step="1"
              >
              </el-input-number>
              <span class="value" v-if="setting.readonly">{{ dataForm.jnpf_zcgl_zcdj_area_jnpf_landArea || '-' }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_area_jnpf_landArea')"
          >
            <el-form-item label="证载共有土地面积"
                          prop="jnpf_zcgl_zcdj_area_jnpf_landArea"
            >
              <el-input-number v-model="dataForm.jnpf_zcgl_zcdj_area_jnpf_sharedLandArea" v-if="!setting.readonly"
                               placeholder="数字文本"
                               :disabled="judgeWrite('jnpf_zcgl_zcdj_area_jnpf_sharedLandArea')" :step="1"
              >
              </el-input-number>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_area_jnpf_sharedLandArea || '-'
                }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea')"
          >
            <el-form-item label="建筑测量面积"
                          prop="jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea"
            >
              <el-input-number v-model="dataForm.jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea"
                               v-if="!setting.readonly"
                               placeholder="数字文本"
                               :disabled="judgeWrite('jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea')"
                               :step="1"
              >
              </el-input-number>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea || '-'
                }}</span>
            </el-form-item>
          </el-col>
          <!--          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_area_jnpf_landSurveyArea')"-->
          <!--          >-->
          <!--            <el-form-item label="土地测量面积"-->
          <!--                          prop="jnpf_zcgl_zcdj_area_jnpf_landSurveyArea"-->
          <!--            >-->
          <!--              <el-input-number v-model="dataForm.jnpf_zcgl_zcdj_area_jnpf_landSurveyArea" v-if="!setting.readonly"-->
          <!--                               placeholder="数字文本"-->
          <!--                               :disabled="judgeWrite('jnpf_zcgl_zcdj_area_jnpf_landSurveyArea')" :step="1"-->
          <!--              >-->
          <!--              </el-input-number>-->

          <!--              <span class="value" v-if="setting.readonly">{{-->
          <!--                  dataForm.jnpf_zcgl_zcdj_area_jnpf_landSurveyArea || '-'-->
          <!--                }}</span>-->
          <!--            </el-form-item>-->
          <!--          </el-col>-->
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_area_jnpf_exclusiveArea')"
          >
            <el-form-item label="独用面积(套内面积)"
                          prop="jnpf_zcgl_zcdj_area_jnpf_exclusiveArea"
            >
              <el-input-number v-model="dataForm.jnpf_zcgl_zcdj_area_jnpf_exclusiveArea" v-if="!setting.readonly"
                               placeholder="数字文本" :disabled="judgeWrite('jnpf_zcgl_zcdj_area_jnpf_exclusiveArea')"
                               :step="1"
              >
              </el-input-number>

              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_area_jnpf_exclusiveArea || '-'
                }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6" v-if="judgeShow('jnpf_zcgl_zcdj_area_jnpf_sharedArea')"
          >
            <el-form-item label="分摊面积"
                          prop="jnpf_zcgl_zcdj_area_jnpf_sharedArea"
            >
              <el-input-number v-model="dataForm.jnpf_zcgl_zcdj_area_jnpf_sharedArea" v-if="!setting.readonly"
                               placeholder="数字文本" :disabled="judgeWrite('jnpf_zcgl_zcdj_area_jnpf_sharedArea')"
                               :step="1"
              >
              </el-input-number>
              <span class="value" v-if="setting.readonly">{{
                  dataForm.jnpf_zcgl_zcdj_area_jnpf_sharedArea || '-'
                }}</span>

            </el-form-item>
          </el-col>
        </div>


        <div v-show="active==3">
          <el-col :span="8" v-if="judgeShow('jnpf_zcgl_zcdj_photo_jnpf_photoTime')"
          >
            <el-form-item label="近照日期"
                          prop="jnpf_zcgl_zcdj_photo_jnpf_photoTime"
            >
              <el-date-picker v-model="dataForm.jnpf_zcgl_zcdj_photo_jnpf_photoTime"
                              placeholder="请选择" :disabled="judgeWrite('jnpf_zcgl_zcdj_photo_jnpf_photoTime')"
                              clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd"
                              value-format="timestamp"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="24" v-if="judgeShow('jnpf_zcgl_zcdj_photo_jnpf_photoImage')"
          >
            <el-form-item label="近照图片"
                          prop="jnpf_zcgl_zcdj_photo_jnpf_photoImage"
            >
              <JNPF-UploadImg v-model="dataForm.jnpf_zcgl_zcdj_photo_jnpf_photoImage"
                              :fileSize="10" :disabled="judgeWrite('jnpf_zcgl_zcdj_photo_jnpf_photoImage')"
                              sizeUnit="MB" :limit="9"
              >
              </JNPF-UploadImg>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label-width="0">
              <JNPF-Text :style='{"width":"100%"}'
                         :textStyle='{"color":"#CCAEAE","font-weight":"normal","text-decoration":"none","font-size":12,"line-height":32,"font-style":"normal","text-align":"left"}'
                         value="注:最多上传五张图片,单张图片最大支持10M、支持png/jpg/jpeg/gif格式" :closable="false"
              >
              </JNPF-Text>
            </el-form-item>
          </el-col>
        </div>

      </el-form>
    </el-row>

    <UserBox v-if="userBoxVisible" ref="userBox" @submit="submit"/>
    <el-dialog  @close="dialogVisible = false"  :modal-append-to-body='false' :visible="dialogVisible" title="选择位置">
      <div id="container"></div>

      <div class="info">
        <div class="input-item">
          <div class="input-item-prepend">
            <span class="input-item-text" style="width:10rem;">地址</span>
          </div>
          <el-autocomplete
            style="width: 900px"
            v-model="keywords"
            :fetch-suggestions="querySearch"
            placeholder="输入地址关键词"
            @select="selectPoi"
            clearable>
          </el-autocomplete>
        </div>


        <p><span id="input-info"></span></p>
      </div>
      <template #footer>
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button type="primary" @click="confirmSelection">确定</el-button>
      </template>
    </el-dialog>
  </div>
</template>
<script>

import request from '@/utils/request'
import {getDataInterfaceRes} from '@/api/systemData/dataInterface'
import {getDictionaryDataSelector} from '@/api/systemData/dictionary'
import axios from 'axios'
export default {
  components: {},
  props: [],
  data() {
    return {
      // 当前选择的值
      selectedProvince: '',
      selectedCity: '',
      selectedDistrict: '',
      selectedStreet: '',

      // 数据加载状态
      loadingCity: false,
      loadingDistrict: false,
      loadingStreet: false,

      // 下拉选项数据
      provinces: [],
      cities: [],
      districts: [],
      streets: [],

      keywords: '',
      searchResults: [],
      selectedPoi: null,
      autoCompleteDom: null,
      searchKeyword: '',
      placeSearch: null,
      selectedLocation: {},
      dialogVisible: false,
      map: null,
      marker: null,
      active: 0,
      visible: false,
      loading: false,
      setting: {},
      eventType: '',
      userBoxVisible: false,
      currTableConf: {},
      addTableConf: {},
      tableRows: {},
      dataForm: {
        zcType:"",
        clientFullName:"",
        holdingMethod:"",
        assetClass: "",
        acquisitionDate: "",
        belongingProject: "",
        belongingBuilding: "",
        acquiringValue: "",
        valuationNow: "",
        zcStatus: "",
        title: "",
        id: '',
        flowId: '',
        status: 1,
        freeapproveruserid: '',
        flowUrgent: 1,
        zcNumber: "",
        zcName: "",
        zcLabel: "",
        address: "",
        zcNature: "",
        zcPurpose: "",
        zcSource: "",
        affiliatedUnit: "",
        managementUnit: "",
        zcAdmin: "",
        notes: "",
        zcFmImage: [],
        zcFile: [],
        zcgl_zcdj_area:
          {
            buildingArea: '',
            landArea: '',
            sharedLandArea: '',
            buildingMeasurementArea: '',
            landSurveyArea: '',
            exclusiveArea: '',
            sharedArea: ''
          },
        zcgl_zcdj_warrant:
          {
            propertyRight: '',
            warrantNumber: '',
            landUse: '',
            housePurpose: '',
            zzPropertyOwner: '',
            xzPropertyOwner: '',
            address: '',
            useNature: '',
            buildings: '',
            layers: '',
            numberFloors: '',
            startTime: '',
            endTime: '',
            issuanceTime: '',
            custodyLocation: '',
            notes: '',
            productionFile: '',
            productionImage: ''
          },
        zcgl_zcdj_photo:
          {
            photoTime: '',
            photoImage: ''
          },
        jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe:'',
        jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe:'',
        jnpf_zcgl_zcdj_warrant_jnpf_warrantType:'',
        jnpf_zcgl_zcdj_warrant_jnpf_propertyRight: '',
        jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber: '',
        jnpf_zcgl_zcdj_warrant_jnpf_landUse: '',
        jnpf_zcgl_zcdj_warrant_jnpf_housePurpose: '',
        jnpf_zcgl_zcdj_warrant_jnpf_zzPropertyOwner: '',
        jnpf_zcgl_zcdj_warrant_jnpf_xzPropertyOwner: '',
        jnpf_zcgl_zcdj_warrant_jnpf_address: '',
        jnpf_zcgl_zcdj_warrant_jnpf_useNature: '',
        jnpf_zcgl_zcdj_warrant_jnpf_buildings: 0,
        jnpf_zcgl_zcdj_warrant_jnpf_layers: 0,
        jnpf_zcgl_zcdj_warrant_jnpf_numberFloors: 0,
        jnpf_zcgl_zcdj_warrant_jnpf_startTime: '',
        jnpf_zcgl_zcdj_warrant_jnpf_endTime: '',
        jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime: '',
        jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation: '',
        jnpf_zcgl_zcdj_warrant_jnpf_notes: '',
        jnpf_zcgl_zcdj_warrant_jnpf_productionFile: [],
        jnpf_zcgl_zcdj_warrant_jnpf_productionImage: [],
        jnpf_zcgl_zcdj_area_jnpf_buildingArea: '',
        jnpf_zcgl_zcdj_area_jnpf_landArea: '',
        jnpf_zcgl_zcdj_area_jnpf_sharedLandArea: '',
        jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea: '',
        jnpf_zcgl_zcdj_area_jnpf_landSurveyArea: '',
        jnpf_zcgl_zcdj_area_jnpf_exclusiveArea: '',
        jnpf_zcgl_zcdj_area_jnpf_sharedArea: '',
        jnpf_zcgl_zcdj_photo_jnpf_photoTime: '',
        jnpf_zcgl_zcdj_photo_jnpf_photoImage: []
      },
      tableRequiredData: {},
      activeremygj: '2',
      dataRule:
        {},
      zcNatureOptions: [],
      assetClassOptions: [],
      assetTypeOptions: [],
      zcStatusOptions: [],
      zcPurposeOptions: [],
      zcSourceOptions: [],
      holdingMethodOptions: [],
      affiliatedUnitOptions: [],
      managementUnitOptions: [],

      jnpf_zcgl_zcdj_warrant_jnpf_propertyRightOptions: [],
      jnpf_zcgl_zcdj_warrant_jnpf_warrantTypeOptions: [],
      jnpf_zcgl_zcdj_warrant_jnpf_useNatureOptions: []
    }
  },
  computed: {
    // 获取名称显示（这些方法现在可以简化，因为我们直接存储了名称）
    provinceName() {
      return this.selectedProvince || '';
    },
    cityName() {
      return this.selectedCity || '';
    },
    districtName() {
      return this.selectedDistrict || '';
    },
    streetName() {
      return this.selectedStreet || '';
    },
    formOperates() {
      // 安全检查：确保setting对象存在
      return (this.setting && this.setting.formOperates) || [];
    }
  },
  watch: {},
  created() {


    this.getwarrantTypeOptions()
    this.getzcNatureOptions()
    this.getzcStatus()
    this.getassetClassOptions()
    this.getAssetTypeOptions()
    this.getzcPurposeOptions()
    this.getzcSourceOptions()
    this.getholdingMethodOptions()
    this.getaffiliatedUnitOptions()
    this.getmanagementUnitOptions()
    this.getjnpf_zcgl_zcdj_warrant_jnpf_propertyRightOptions()
    this.getjnpf_zcgl_zcdj_warrant_jnpf_useNatureOptions()
  },
  mounted() {
    this.loadProvinces();
  },

  methods: {
    // 加载省份数据
    loadProvinces() {

      const amapKey = 'fc48e1e74dfb98fbde22eaca6abcbf2d'; // 替换为你的高德API Key
      const url = `https://restapi.amap.com/v3/config/district?key=${amapKey}&keywords=中国&subdistrict=1&extensions=base`;

      axios.get(url)
        .then(response => {
          if (response.data.status === '1' && response.data.districts && response.data.districts.length) {
            this.provinces = response.data.districts[0].districts;
          } else {
            console.error('获取省份数据失败:', response.data.info);
            alert('获取省份数据失败，请检查API Key');
          }
        })
        .catch(error => {
          console.error('获取省份数据失败:', error);
          alert('获取省份数据失败，请稍后重试');
        });
    },

    // 省份选择变化
    onProvinceChange() {
      // 重置下级选择
      this.selectedCity = '';
      this.selectedDistrict = '';
      this.selectedStreet = '';
      this.districts = [];
      this.streets = [];

      if (!this.selectedProvince) return;

      // 加载城市数据
      this.loadingCity = true;
      this.loadCities(this.selectedProvince)
        .finally(() => {
          this.loadingCity = false;
        });
    },

    // 城市选择变化
    onCityChange() {
      // 重置下级选择
      this.selectedDistrict = '';
      this.selectedStreet = '';
      this.streets = [];

      if (!this.selectedCity) return;

      // 加载区县数据
      this.loadingDistrict = true;
      this.loadDistricts(this.selectedCity)
        .finally(() => {
          this.loadingDistrict = false;
        });
    },

    // 区县选择变化
    onDistrictChange() {
      // 重置下级选择
      this.selectedStreet = '';

      if (!this.selectedDistrict) return;

      // 加载街道数据
      this.loadingStreet = true;
      this.loadStreets(this.selectedDistrict)
        .finally(() => {
          this.loadingStreet = false;
        });
    },

    // 1. 加载城市（省级 → 市级）
// 传入：省级名称（如"江苏省"）
// 目标：返回该省的下1级（市级）数据
    loadCities(provinceName) {
      const amapKey = 'fc48e1e74dfb98fbde22eaca6abcbf2d';
      // subdistrict=1：只返回省级的下1级（市级）
      const url = `https://restapi.amap.com/v3/config/district?key=${amapKey}&keywords=${provinceName}&subdistrict=1&extensions=base`;

      return axios.get(url)
        .then(response => {
          if (response.data.status === '1' && response.data.districts.length) {
            // 省级的下1级（市级）数据在 districts[0].districts
            this.cities = response.data.districts[0].districts || [];
            console.log('市级数据:', this.cities.map(c => c.name));
          } else {
            console.error('城市数据加载失败:', response.data.info);
            this.cities = [];
          }
        })
        .catch(error => {
          console.error('城市数据请求失败:', error);
          this.cities = [];
        });
    },

// 2. 加载区县（市级 → 区县）
// 传入：市级名称（如"南通市"）
// 目标：返回该市级的下1级（区县）数据
    loadDistricts(cityName) {
      const amapKey = 'fc48e1e74dfb98fbde22eaca6abcbf2d';
      // subdistrict=1：只返回市级的下1级（区县）
      const url = `https://restapi.amap.com/v3/config/district?key=${amapKey}&keywords=${cityName}&subdistrict=1&extensions=base`;

      return axios.get(url)
        .then(response => {
          if (response.data.status === '1' && response.data.districts.length) {
            // 市级的下1级（区县）数据在 districts[0].districts
            this.districts = response.data.districts[0].districts || [];
            console.log('区县数据:', this.districts.map(d => d.name));
          } else {
            console.error('区县数据加载失败:', response.data.info);
            this.districts = [];
          }
        })
        .catch(error => {
          console.error('区县数据请求失败:', error);
          this.districts = [];
        });
    },

// 3. 加载街道（区县 → 街道）
// 传入：区县名称（如"海安市"）
// 目标：返回该区县的下1级（街道）数据
    loadStreets(districtName) {
      const amapKey = 'fc48e1e74dfb98fbde22eaca6abcbf2d';
      const url = `https://restapi.amap.com/v3/config/district?key=${amapKey}&keywords=${districtName}&subdistrict=1&extensions=base`;

      return axios.get(url)
        .then(response => {
          if (response.data.status === '1' && response.data.districts.length) {
            // 尝试获取下一级行政区划（街道/乡镇）
            const streetsOrTowns = response.data.districts[0].districts || [];

            if (streetsOrTowns.length) {
              // 情况1：成功获取到街道/乡镇数据
              this.streets = streetsOrTowns;
              console.log('街道/乡镇数据加载成功:', this.streets.map(s => s.name));
            } else {
              // 情况2：未获取到街道/乡镇数据（可能该区县没有街道层级）
              console.warn('未找到街道/乡镇数据，可能该区县没有下一级行政区划');
              console.log('尝试使用当前区县作为默认值:', districtName);

              // 作为备选方案，将当前区县作为默认选项
              this.streets = [{
                name: districtName
              }];
            }
          } else {
            console.error('获取街道数据失败:', response.data.info);
            this.streets = [];
          }
        })
        .catch(error => {
          console.error('获取街道数据失败:', error);
          this.streets = [];
        });
    },
    // 街道选择变化
    onStreetChange() {

      // 添加延迟（“沉睡”），单位为毫秒（这里以 100ms 为例，可根据需求调整）
        console.log('最终选择:', this.selectedProvince, this.selectedCity, this.selectedDistrict, this.selectedStreet);
          this.dataForm.provinceName = this.selectedProvince
          this.dataForm.cityName = this.selectedCity
          this.dataForm.districtName = this.selectedDistrict
          this.dataForm.streetName = this.selectedStreet

    },

    // label: `${item.name} - ${item.district || ''} - ${item.address || ''}`,
    querySearch(queryString, cb) {
      this.keywords = queryString;
      this.autoInput();
      this.searchResults = this.searchResults
        .filter(item => item.location && item.name)
        .map(item => ({
          ...item,
          address: item.address || `${item.district || ''}${item.name || ''}`,
          fullText: item.address || `${item.district || ''}${item.name || ''}`,
          // 为了符合 el-autocomplete 的格式要求，添加 label 和 value 属性
          label: item.address || `${item.district || ''}${item.name || ''}`,
          value: item.address
        }));
      cb(this.searchResults);
    },
    openDialog() {
      this.dialogVisible = true;
      this.$nextTick(() => {
        this.initMap();
      });
    },
    initMap() {
      this.map = new AMap.Map('container', {
        resizeEnable: true,
        zoom: 11
      });
      this.autoCompleteDom = new AMap.Autocomplete({
        city: '全国'
      });

      // 添加地图点击事件监听器
      this.map.on('click', (e) => {
        const lng = e.lnglat.getLng();
        const lat = e.lnglat.getLat();

        // 使用逆地理编码将坐标转换为地址
        const geocoder = new AMap.Geocoder({
          radius: 1000,
          extensions: 'all'
        });
        geocoder.getAddress([lng, lat], (status, result) => {
          if (status === 'complete' && result.info === 'OK') {
            const address = result.regeocode.formattedAddress;
            this.dataForm.address = address;
            this.keywords = address

            this.selectedLocation = {
              lng: lng,
              lat: lat,
              address: address
            };
            console.log('更新后的地址:', address);

            // 添加标记
            if (this.marker) {
              this.marker.setMap(null);
            }
            this.marker = new AMap.Marker({
              position: [lng, lat],
              map: this.map
            });

            // 定位到所选位置并设置地图视野
            this.map.setCenter([lng, lat]);
            this.map.setZoom(15);
          }
        });
      });
    },
    autoInput() {

      // 1. 确保AMap已加载
      if (!this.map) {
        console.error('AMap未加载');
        return;
      }
      if (!this.autoCompleteDom) {
        console.error('AMapautoCompleteDom未加载');
        return;
      }

      // 2. 如果关键字为空则清空结果
      if (!this.keywords.trim()) {
        this.searchResults = [];
        return;
      }

      // 3. 使用Promise确保插件加载完成
      console.log('autoComplete, result', this.autoCompleteDom)
      //   // 5. 执行搜索
      //   this.autoCompleteDom.search(this.keywords, (status, result) => {
      //       console.log('status',status, result)
      //       if (status === 'complete' && result.info === 'OK') {
      //         // 6. 过滤有效结果并格式化
      //         this.searchResults = result.tips
      //           .filter(item => item.location && item.name)
      //           .map(item => ({
      //             ...item,
      //             // 确保有完整的地址信息
      //             address: item.address || `${item.district || ''}${item.name || ''}`,
      //             // 用于el-option显示的完整文本
      //             fullText: `${item.name} - ${item.district || ''} - ${item.address || ''}`
      //           }));
      //         console.log('this.searchResults',this.searchResults)
      //       } else {
      //         this.searchResults = [];
      //       }
      // })
      // 5. 执行搜索
      this.autoCompleteDom.search(this.keywords, (status, result) => {
        console.log('status', status, result);
        if (status === 'complete' && result.info === 'OK') {
          // 6. 过滤有效结果并格式化
          this.searchResults = result.tips
            .filter(item => item.location && item.name)
            .map(item => ({
              ...item,
              // 确保有完整的地址信息
              address: item.address || `${item.district || ''}${item.name || ''}`,
              // 用于 el-option 显示的完整文本
              fullText: `${item.name} - ${item.district || ''} - ${item.address || ''}`
            }));
          console.log('this.searchResults', this.searchResults);
        } else {
          this.searchResults = [];
        }
      });
    },

    selectPoi(poi) {
      // 7. 处理选中的POI
      console.log('poi', poi);
      if (poi && poi.location) {
        this.selectedLocation = {
          lng: poi.location.lng,
          lat: poi.location.lat,
          address: poi.fullText || `${poi.name} - ${poi.district || ''} - ${poi.address || ''}`
        };

        // 添加标记
        if (this.map) {
          // 清除之前的标记
          if (this.marker) {
            this.marker.setMap(null);
          }

          // 创建新的标记
          this.marker = new AMap.Marker({
            position: [poi.location.lng, poi.location.lat],
            map: this.map
          });

          // 定位到所选位置并设置地图视野
          this.map.setCenter([poi.location.lng, poi.location.lat]);
          this.map.setZoom(15);
        }
      }
    },

    confirmSelection() {
      // 8. 确认选择
      if (this.selectedLocation) {
        // this.$emit('location-selected', this.selectedLocation);
        this.dataForm.address = this.selectedLocation.address
        this.dataForm.longitude = this.selectedLocation.lng
        this.dataForm.latitude = this.selectedLocation.lat
        this.dialogVisible = false;
      } else {
        this.$message.warning('请先选择一个位置');
      }
    },
    // autoInput() {
    //
    //   AMap.plugin('AMap.AutoComplete', () => {
    //     const autoOptions = {
    //       city: '全国'
    //     };
    //     const autoComplete = new AMap.AutoComplete(autoOptions);
    //     autoComplete.search(this.keywords, (status, result) => {
    //       alert(result)
    //       if (status === 'complete' && result.info === 'OK') {
    //         this.searchResults = result.tips;
    //       }
    //     });
    //   });
    // },
    // selectPoi(poi) {
    //   if (poi.location) {
    //     const lng = poi.location.getLng();
    //     const lat = poi.location.getLat();
    //     this.map.setCenter([lng, lat]);
    //     this.map.setZoom(15);
    //     if (this.marker) {
    //       this.marker.setMap(null);
    //     }
    //     this.marker = new AMap.Marker({
    //       position: [lng, lat],
    //       map: this.map
    //     });
    //   }
    // },
    // confirmSelection() {
    //   // 这里可以添加确认选择后的逻辑
    //   this.dialogVisible = false;
    // },

    // 获取选项标签
    getOptionLabel(options, value) {
      const item = options.find(opt => opt.enCode === value);
      return item ? item.fullName : '';
    },
    // 获取用户名称（需要根据实际用户选择组件实现调整）
    getUserName(userId) {
      // 示例逻辑，需根据实际用户数据源实现
      const user = this.userList.find(u => u.enCode === userId);
      return user ? user.name : '';
    },

    validateRequiredFields(dataForm, fields, content) {
      if (!dataForm[fields] || dataForm[fields] === '') {

        this.$message({
          message: `请填写${content}`,
          type: 'error',
          duration: 1000
        })
        return false
      }
    },

    nextS() {

      if (this.active-- < 1) this.active = 0
    },

    next() {
      //校验必填值
      if (this.active == 0) {

        if (this.validateRequiredFields(this.dataForm, 'zcStatus', '资产使用情况') == false) {
          return
        }

        if (this.validateRequiredFields(this.dataForm, 'zcName', '资产名称') == false) {
          return
        }
        if (this.validateRequiredFields(this.dataForm, 'address', '资产地址') == false) {
          return
        }
        // if (this.validateRequiredFields(this.dataForm, 'zcNature', '资产性质') == false) {
        //   return
        // }
        if (this.validateRequiredFields(this.dataForm, 'zcSource', '资产来源') == false) {
          return
        }
        // if (this.validateRequiredFields(this.dataForm, 'affiliatedUnit', 'affiliatedUnit') == false) {
        //   return
        // }
        if (this.validateRequiredFields(this.dataForm, 'managementUnit', '管理单位') == false) {
          return
        }
      }

      if (this.active == 1) {
        // if (this.validateRequiredFields(this.dataForm, 'jnpf_zcgl_zcdj_warrant_jnpf_propertyRight', '产权性质') == false) {
        //   return
        // }
        // if (this.validateRequiredFields(this.dataForm, 'jnpf_zcgl_zcdj_warrant_jnpf_startTime', '开始使用时间') == false) {
        //   return
        // }
        // if (this.validateRequiredFields(this.dataForm, 'jnpf_zcgl_zcdj_warrant_jnpf_endTime', '结束使用时间') == false) {
        //   return
        // }

      }

      if (this.active == 2) {
        // if (this.validateRequiredFields(this.dataForm, 'jnpf_zcgl_zcdj_area_jnpf_sharedLandArea', '证载共有土地面积') == false) {
        //   return
        // }
        if (this.validateRequiredFields(this.dataForm, 'jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea', '建筑测量面积') == false) {
          return
        }


      }


      if (this.active++ > 2) this.active = 0
    },
    judgeShow(id) {
      if (!this.setting.formOperates || !this.setting.formOperates.length) return true
      let arr = this.setting.formOperates.filter(o => o.id === id) || []
      if (!arr.length) return true
      let item = arr[0]
      return item.read
    },
    judgeWrite(id) {
      if (!this.setting.formOperates || !this.setting.formOperates.length) return false
      let arr = this.setting.formOperates.filter(o => o.id === id) || []
      if (!arr.length) return true
      let item = arr[0]
      return !item.write
    },
    getzcStatus() {
      getDictionaryDataSelector('610000000000000000').then(res => {
        this.zcStatusOptions = res.data.list
      })
    },
    getassetClassOptions() {
      getDictionaryDataSelector('610000000000000001').then(res => {
        this.assetClassOptions = res.data.list
      })
    },


    getAssetTypeOptions() {
      getDictionaryDataSelector('610823865056100147').then(res => {
        this.assetTypeOptions = res.data.list
      })
    },

    getzcNatureOptions() {
      getDictionaryDataSelector('610823452110094661').then(res => {
        this.zcNatureOptions = res.data.list
      })
    },
    getwarrantTypeOptions() {
      getDictionaryDataSelector('610823865056100177').then(res => {
        this.jnpf_zcgl_zcdj_warrant_jnpf_warrantTypeOptions = res.data.list
      })
    },

    getzcPurposeOptions() {
      getDictionaryDataSelector('610823865056100677').then(res => {
        this.zcPurposeOptions = res.data.list
      })
    },


    getholdingMethodOptions() {
      getDictionaryDataSelector('610823865056100678').then(res => {
        this.holdingMethodOptions = res.data.list
      })
    },
    getzcSourceOptions() {
      getDictionaryDataSelector('610823965094445381').then(res => {
        this.zcSourceOptions = res.data.list
      })
    },
    getaffiliatedUnitOptions() {
      getDictionaryDataSelector('610824055188095301').then(res => {
        this.affiliatedUnitOptions = res.data.list
      })
    },
    getmanagementUnitOptions() {
      getDictionaryDataSelector('610824142995849541').then(res => {
        this.managementUnitOptions = res.data.list
      })
    },
    getjnpf_zcgl_zcdj_warrant_jnpf_propertyRightOptions() {
      getDictionaryDataSelector('610826202277478725').then(res => {
        this.jnpf_zcgl_zcdj_warrant_jnpf_propertyRightOptions = res.data.list
      })
    },
    getjnpf_zcgl_zcdj_warrant_jnpf_useNatureOptions() {
      getDictionaryDataSelector('610826295164535109').then(res => {
        this.jnpf_zcgl_zcdj_warrant_jnpf_useNatureOptions = res.data.list
      })
    },
    goBack() {
      this.$emit('refresh')
    },
    init(data) {

      this.dataForm.id = data.id || ''

      this.setting = data
      this.visible = true
      this.updateDataRule()


      if (data.flowTaskInfo != null) {

        this.setting['readonly'] = true

      }

      this.$nextTick(() => {
        this.$refs['elForm'].resetFields()
        if (this.dataForm.id) {

          this.loading = true
          request({
            url: '/api/example/ZcglZcdjInfo/' + this.dataForm.id,
            method: 'get'
          }).then(res => {
            this.dataInfo(res.data)
            this.loading = false
          })
        }
        this.$emit('setPageLoad')
      })
      this.$store.commit('generator/UPDATE_RELATION_DATA', {})
    },
    updateDataRule() {
      let newRules = {}
      for (let i = 0; i < this.setting.formOperates.length; i++) {
        const item = this.setting.formOperates[i]
        if (!item.id.includes('-')) {
          const newRulesItem = {
            required: item.required,
            message: item.name + '不能为空',
            trigger: item.trigger || 'blur'
          }
          if (!this.dataRule.hasOwnProperty(item.id)) {
            if (item.required) this.$set(newRules, item.id, [newRulesItem])
          } else {
            let withoutRequiredItem = true
            for (let i = 0; i < this.dataRule[item.id].length; i++) {
              if (this.dataRule[item.id][i].hasOwnProperty('required')) {
                this.dataRule[item.id][i].required = item.required
                withoutRequiredItem = false
              }
            }
            if (withoutRequiredItem && item.required) this.dataRule[item.id].push(newRulesItem)
          }
        } else {
          let key = item.id.split('-')[0]
          let newId = item.id.split('-')[1]
          let newItem = {
            ...item,
            id: newId
          }
          if (!this.tableRequiredData.hasOwnProperty(key)) {
            this.$set(this.tableRequiredData, key, [newItem])
          } else {
            this.tableRequiredData[key].push(newItem)
          }
        }
      }
      this.dataRule = {...this.dataRule, ...newRules}
    },
    exist() {
      let isOk = true
      for (let key in this.tableRequiredData) {
        if (this.dataForm[key] && Array.isArray(this.dataForm[key])) {
          for (let i = 0; i < this.dataForm[key].length; i++) {
            let item = this.dataForm[key][i]
            inner: for (let id in item) {
              let arr = this.tableRequiredData[key].filter(o => o.id === id) || []
              if (!arr.length) continue inner
              if (arr[0].required) {
                let msg = `${arr[0].name}不能为空`
                let boo = true
                if (arr[0].dataType === 'array') {
                  boo = !this.jnpf.isEmptyArray(item[id])
                } else {
                  boo = !this.jnpf.isEmpty(item[id])
                }
                if (!boo) {
                  this.$message({
                    message: msg,
                    type: 'error',
                    duration: 1000
                  })
                  isOk = false
                  break
                }
              }
            }
          }
        }
      }
      return isOk
    },
    judgeRequired(id) {
      if (!this.formOperates || !this.formOperates.length) return false
      let arr = this.formOperates.filter(o => o.id === id) || []
      if (!arr.length) return false
      let item = arr[0]
      return item.required
    },
    // 表单提交
    dataFormSubmit(eventType, flowUrgent) {
      this.$refs['elForm'].validate((valid) => {
        if (valid) {
          if (this.exist && !this.exist()) return
          if (eventType === 'audit' || eventType === 'reject') {
            this.$emit('eventReceiver', this.dataForm, eventType)
            return
          }
          this.dataForm.status = eventType === 'submit' ? 0 : 1
          this.dataForm.flowId = this.setting.flowId
          this.dataForm.flowUrgent = flowUrgent
          this.eventType = eventType
          if (this.eventType === 'submit') {
            this.$confirm('您确定要提交当前流程吗, 是否继续?', '提示', {
              type: 'warning'
            }).then(() => {
              this.request()
            }).catch(() => {
            })
          } else {
            this.request()
          }
        }else{


          this.$message({
            message: `请填写相关参数`,
            type: 'error',
            duration: 1000
          })
          return false
        }
      })
    },
    request() {



      this.dataForm.provinceName = this.provinceName
      this.dataForm.cityName = this.cityName
      this.dataForm.districtName = this.districtName
      this.dataForm.streetName = this.streetName

      var _data = this.dataList()
      if (!this.dataForm.id) {
        request({
          url: '/api/example/ZcglZcdjInfo',
          method: 'post',
          data: _data
        }).then((res) => {
          this.$message({
            message: res.msg,
            type: 'success',
            duration: 1000,
            onClose: () => {
              this.visible = false
              this.$emit('close', true)
            }
          })
        })
      } else {
        request({
          url: '/api/example/ZcglZcdjInfo/' + this.dataForm.id,
          method: 'PUT',
          data: _data
        }).then((res) => {
          this.$message({
            message: res.msg,
            type: 'success',
            duration: 1000,
            onClose: () => {
              this.visible = false
              this.$emit('close', true)
            }
          })
        })
      }
    },
    openSelectDialog(key) {
      this.currTableConf = this.addTableConf[key]
      this.currVmodel = key
      this.selectDialogVisible = true
      this.$nextTick(() => {
        this.$refs.selectDialog.init()
      })
    },
    addForSelect(data) {
      for (let i = 0; i < data.length; i++) {
        let item = {...this.tableRows[this.currVmodel], ...data[i]}
        this.dataForm[this.currVmodel].push(item)
      }
    },
    dataList() {
      var _data = JSON.parse(JSON.stringify(this.dataForm))

      _data.zcFmImage = JSON.stringify(_data.zcFmImage)

      _data.zcFile = JSON.stringify(_data.zcFile)

      _data.zcgl_zcdj_warrant.propertyRight = _data.jnpf_zcgl_zcdj_warrant_jnpf_propertyRight
      _data.zcgl_zcdj_warrant.warrantType = _data.jnpf_zcgl_zcdj_warrant_jnpf_warrantType


      _data.zcgl_zcdj_warrant.propertyRightDescribe = _data.jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe
      _data.zcgl_zcdj_warrant.warrantStyleDescribe = _data.jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe



      _data.zcgl_zcdj_warrant.warrantNumber = _data.jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber
      _data.zcgl_zcdj_warrant.landUse = _data.jnpf_zcgl_zcdj_warrant_jnpf_landUse
      _data.zcgl_zcdj_warrant.housePurpose = _data.jnpf_zcgl_zcdj_warrant_jnpf_housePurpose
      _data.zcgl_zcdj_warrant.zzPropertyOwner = _data.jnpf_zcgl_zcdj_warrant_jnpf_zzPropertyOwner
      _data.zcgl_zcdj_warrant.xzPropertyOwner = _data.jnpf_zcgl_zcdj_warrant_jnpf_xzPropertyOwner
      _data.zcgl_zcdj_warrant.address = _data.jnpf_zcgl_zcdj_warrant_jnpf_address
      _data.zcgl_zcdj_warrant.useNature = _data.jnpf_zcgl_zcdj_warrant_jnpf_useNature
      _data.zcgl_zcdj_warrant.buildings = _data.jnpf_zcgl_zcdj_warrant_jnpf_buildings
      _data.zcgl_zcdj_warrant.layers = _data.jnpf_zcgl_zcdj_warrant_jnpf_layers
      _data.zcgl_zcdj_warrant.numberFloors = _data.jnpf_zcgl_zcdj_warrant_jnpf_numberFloors
      _data.zcgl_zcdj_warrant.startTime = _data.jnpf_zcgl_zcdj_warrant_jnpf_startTime
      _data.zcgl_zcdj_warrant.endTime = _data.jnpf_zcgl_zcdj_warrant_jnpf_endTime
      _data.zcgl_zcdj_warrant.issuanceTime = _data.jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime
      _data.zcgl_zcdj_warrant.custodyLocation = _data.jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation
      _data.zcgl_zcdj_warrant.notes = _data.jnpf_zcgl_zcdj_warrant_jnpf_notes
      _data.zcgl_zcdj_warrant.productionFile = JSON.stringify(_data.jnpf_zcgl_zcdj_warrant_jnpf_productionFile)
      _data.zcgl_zcdj_warrant.productionImage = JSON.stringify(_data.jnpf_zcgl_zcdj_warrant_jnpf_productionImage)
      _data.zcgl_zcdj_area.buildingArea = _data.jnpf_zcgl_zcdj_area_jnpf_buildingArea
      _data.zcgl_zcdj_area.landArea = _data.jnpf_zcgl_zcdj_area_jnpf_landArea
      _data.zcgl_zcdj_area.sharedLandArea = _data.jnpf_zcgl_zcdj_area_jnpf_sharedLandArea
      _data.zcgl_zcdj_area.buildingMeasurementArea = _data.jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea
      _data.zcgl_zcdj_area.landSurveyArea = _data.jnpf_zcgl_zcdj_area_jnpf_landSurveyArea
      _data.zcgl_zcdj_area.exclusiveArea = _data.jnpf_zcgl_zcdj_area_jnpf_exclusiveArea
      _data.zcgl_zcdj_area.sharedArea = _data.jnpf_zcgl_zcdj_area_jnpf_sharedArea
      _data.zcgl_zcdj_photo.photoTime = _data.jnpf_zcgl_zcdj_photo_jnpf_photoTime
      _data.zcgl_zcdj_photo.photoImage = JSON.stringify(_data.jnpf_zcgl_zcdj_photo_jnpf_photoImage)
      return _data
    },
    dataInfo(dataAll) {
      let _dataAll = dataAll
      _dataAll.zcFmImage = JSON.parse(_dataAll.zcFmImage)
      _dataAll.zcFile = JSON.parse(_dataAll.zcFile)
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_propertyRight = _dataAll.zcgl_zcdj_warrant.propertyRight
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_warrantNumber = _dataAll.zcgl_zcdj_warrant.warrantNumber
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_landUse = _dataAll.zcgl_zcdj_warrant.landUse
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_housePurpose = _dataAll.zcgl_zcdj_warrant.housePurpose
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_zzPropertyOwner = _dataAll.zcgl_zcdj_warrant.zzPropertyOwner
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_xzPropertyOwner = _dataAll.zcgl_zcdj_warrant.xzPropertyOwner
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_address = _dataAll.zcgl_zcdj_warrant.address
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_useNature = _dataAll.zcgl_zcdj_warrant.useNature
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_buildings = _dataAll.zcgl_zcdj_warrant.buildings
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_layers = _dataAll.zcgl_zcdj_warrant.layers
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_numberFloors = _dataAll.zcgl_zcdj_warrant.numberFloors
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_startTime = _dataAll.zcgl_zcdj_warrant.startTime
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_endTime = _dataAll.zcgl_zcdj_warrant.endTime
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_issuanceTime = _dataAll.zcgl_zcdj_warrant.issuanceTime
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_custodyLocation = _dataAll.zcgl_zcdj_warrant.custodyLocation
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_notes = _dataAll.zcgl_zcdj_warrant.notes
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_warrantType = _dataAll.zcgl_zcdj_warrant.warrantType

      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_propertyRightDescribe = _dataAll.zcgl_zcdj_warrant.propertyRightDescribe
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_warrantStyleDescribe = _dataAll.zcgl_zcdj_warrant.warrantStyleDescribe



      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_productionFile = _dataAll.zcgl_zcdj_warrant.productionFile ? JSON.parse(_dataAll.zcgl_zcdj_warrant.productionFile) : []
      _dataAll.jnpf_zcgl_zcdj_warrant_jnpf_productionImage = _dataAll.zcgl_zcdj_warrant.productionImage ? JSON.parse(_dataAll.zcgl_zcdj_warrant.productionImage) : []
      _dataAll.jnpf_zcgl_zcdj_area_jnpf_buildingArea = _dataAll.zcgl_zcdj_area.buildingArea
      _dataAll.jnpf_zcgl_zcdj_area_jnpf_landArea = _dataAll.zcgl_zcdj_area.landArea
      _dataAll.jnpf_zcgl_zcdj_area_jnpf_sharedLandArea = _dataAll.zcgl_zcdj_area.sharedLandArea
      _dataAll.jnpf_zcgl_zcdj_area_jnpf_buildingMeasurementArea = _dataAll.zcgl_zcdj_area.buildingMeasurementArea
      _dataAll.jnpf_zcgl_zcdj_area_jnpf_landSurveyArea = _dataAll.zcgl_zcdj_area.landSurveyArea
      _dataAll.jnpf_zcgl_zcdj_area_jnpf_exclusiveArea = _dataAll.zcgl_zcdj_area.exclusiveArea
      _dataAll.jnpf_zcgl_zcdj_area_jnpf_sharedArea = _dataAll.zcgl_zcdj_area.sharedArea



      _dataAll.jnpf_zcgl_zcdj_photo_jnpf_photoTime = _dataAll.zcgl_zcdj_photo.photoTime

      _dataAll.jnpf_zcgl_zcdj_photo_jnpf_photoImage = _dataAll.zcgl_zcdj_photo.photoImage ? JSON.parse(_dataAll.zcgl_zcdj_photo.photoImage) : []

      _dataAll.jnpf_zcgl_zcdj_photo_jnpf_photoImage = JSON.parse(_dataAll.zcgl_zcdj_photo.photoImage)
      this.dataForm = _dataAll
    }
  }
}

</script>
<style scoped>
.el-textarea.is-disabled .el-textarea__inner {

  color: black !important;
}

.el-input.is-disabled .el-input__inner {
  color: black !important;

}

/deep/ .el-input__inner {
  background: white !important;

}

/deep/ .el-textarea__inner {
  background: white !important;
}

/*.el-input.is-disabled .el-input__inner {*/

/*  background: white !important;*/
/*}*/
/*.custom-row {*/
/*  margin-top: 1px!important;*/
/*  margin-bottom: 1px!important;*/
/*}*/
/*.el-col el-col-8{*/
/*  margin: 0px!important;*/
/*  padding: 0px!important;*/
/*}*/

/*!* 增加表格行高 *!*/
/*/deep/ .el-table .el-table__row {*/
/*  height: 60px; !* 你想要的行高 *!*/
/*  border: 1px slategrey solid;*/
/*}*/

/*!* 如果你还想要调整单元格内部的垂直居中 *!*/
/*/deep/ .el-table .cell {*/
/*  height: 60px; !* 和行高一致 *!*/
/*  line-height: 60px; !* 垂直居中文本 *!*/

/*}*/

/*.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {*/

/*  margin-bottom: 1px !important;*/
/*}*/
/*!* 重置 Element UI 组件的默认样式 *!*/
/*.el-row, .el-col, .el-form-item {*/
/*  margin-top: 0;*/
/*  margin-bottom: 0;*/
/*  padding-top: 0;*/
/*  padding-bottom: 0;*/
/*}*/
</style>

<style scoped>
html,
body,
#container {
  width:95%;
  height: 500px;
}

.info {
  padding: 10px;
}

.input-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.input-item-prepend {
  margin-right: 10px;
}

.input-item-text {
  white-space: nowrap;
}

.el-dialog {
  background-color: transparent !important; /* 或者设置为白色 */
}

/* 地图 */
.address-selector {
  max-width: 600px;
  /*margin: 11px auto;*/
  padding: 5px;
  background-color: #f8f9fa;
  border-radius:3px;
  margin-left: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.select-group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

.select-wrapper {
  flex: 1 1 120px;
}

select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}

select:hover {
  border-color: #bbb;
}

select:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

.result {
  margin-top: 2px;
  padding: 15px;
  /*background-color: #e8f3ff;*/
  border-radius: 4px;
  font-size: 14px;
}

.loading {
  color: #999;
  font-size: 13px;
  margin-top: 5px;
}

h3 {
  text-align: center;
  color: #333;
  margin-bottom: 25px;
}
</style>
